﻿<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>独立值渲染器</title>
    <link rel="stylesheet" href="http://js.arcgis.com/3.9/js/dojo/dijit/themes/tundra/tundra.css">
    <link rel="stylesheet" href="http://js.arcgis.com/3.9/js/esri/css/esri.css">    
    <style>
      html, body { height: 100%; width: 100%; margin: 0; padding: 0; }
      #map{ margin: 0; padding: 0; }
      #legendWrapper {
        position: absolute;
        height: 350px;
        font-family: arial;
        margin: 5px;
        padding: 10px;
        z-index: 40;
        background: #fff;
        color: #444;
        width: 200px;
        left: 30px;
        top: 30px;
        -moz-box-shadow: 0 0 5px #888;
        -webkit-box-shadow: 0 0 5px #888;
        box-shadow: 0 0 5px #888;
      }
    </style>
    <script src="http://js.arcgis.com/3.9/"></script>
    <script src="UniqueValueRender.js"></script>
</head>

<body class="tundra">
    <div data-dojo-type="dijit/layout/BorderContainer"
         data-dojo-props="design:'headline',gutters:false"
         style="width: 100%; height: 100%; margin: 0;">
      <div id="map"data-dojo-type="dijit/layout/ContentPane"
           data-dojo-props="region:'center'">
          <div id="legendWrapper"></div>
      </div>
    </div>
</body>
</html>